/*基础设置*/
@font-color: #00acee;
@border-color: #f1f1f1;
@border-thin-color:#f9f9f9;

@screen-lg-min: 1600px;
@screen-md-min: 1200px;
@screen-sm-min: 768px;
@screen-xs-max:(@screen-sm-min - 1);
@screen-sm-max:(@screen-md-min - 1);
@screen-md-max:(@screen-lg-min - 1);
@grid-columns:12;
@grid-gutter-width:10px;
@container-tablet:(720px + @grid-gutter-width);
@container-sm:@container-tablet;
@container-desktop:(1000px + @grid-gutter-width);
@container-md:@container-desktop;
@container-large-desktop:(1200px + @grid-gutter-width);
@container-lg:@container-large-desktop;

/*显示隐藏*/
.responsive-visibility() {
  display: block !important;
  table&  { display: table; }
  tr&     { display: table-row !important; }
  th&,
  td&     { display: table-cell !important; }
}

.responsive-invisibility() {
  display: none !important;
}
/*css3补全*/
.bgTran(@rgba) {
  background-color: @rgba;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=argb(@rgba), endColorstr=argb(@rgba));
}
.animation(@value) {
  -webkit-animation: @value;-moz-animation: @value;animation: @value;
}
.transition(@value){
  -webkit-transition: @value;-moz-transition: @value;-ms-transition: @value;-o-transition: @value;transition: @value;
}
.transform(@value){
  -webkit-transform: @value;-moz-transform: @value;-ms-transform: @value;-o-transform: @value;transform: @value;
}
.border-radius(@value){
  -webkit-border-radius: @value;-moz-border-radius: @value;border-radius: @value;
}
.box-shadow(@value){
  -webkit-box-shadow: @value;-moz-box-shadow: @value;box-shadow: @value;
}
.linear-gradient(@value){
  background-image: -webkit-linear-gradient(@value);background-image: -moz-linear-gradient(@value);background-image: -ms-linear-gradient(@value);background-image: linear-gradient(@value);
}
.background-size(@value){
  -webkit-background-size: @value;-moz-background-size: @value;background-size: @value;
}
.user-select(@value) {
  -webkit-user-select: @value;-moz-user-select: @value;-ms-user-select: @value;user-select: @value;
}
/*css三角*/
.triangle(){
  display: inline-block;width: 0;height: 0;border-style: solid;vertical-align: middle;
}
.triangle_down(@size,@color) {
  .triangle();
  border-color: @color transparent transparent transparent;border-width: @size @size 0 @size;
}
.triangle_left(@size,@color) {
  .triangle();
  border-color: transparent @color transparent transparent;border-width: @size @size @size 0;
}
.triangle_top(@size,@color) {
  .triangle();
  border-color: transparent transparent @color transparent;border-width: 0 @size @size @size;
}
.triangle_right(@size,@color) {
  .triangle();
  border-color: transparent transparent transparent @color;border-width: @size 0 @size @size;
}
